<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>eSearch - 主页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="supported-color-schemes" content="light dark">
    <link rel="stylesheet" type="text/css" href="css/root.css">
    <link rel="stylesheet" type="text/css" href="css/css.css">
</head>

<body class="fill_t">
    <div id="find">
        <div id="count"></div>
        <div class="find_buttons">
            <button title="上一个匹配" id="find_b_last"><img src="./assets/icons/up.svg" class="icon"></button>
            <button title="下一个匹配" id="find_b_next"><img src="./assets/icons/down.svg" class="icon"></button>
            <button title="关闭" id="find_b_close"><img src="./assets/icons/close.svg" class="icon"></button>
        </div>
        <div class="find_f">
            <input type="text" name="查找" id="find_input" title="查找" autocomplete="off" autocorrect="off"
                autocapitalize="off" spellcheck="false"><button title="正则匹配" id="find_b_regex"><img
                    src="./assets/icons/regex.svg" class="icon"></button>
        </div>
        <div class="find_s">
            <input type="text" name="替换" id="replace_input" title="替换" autocomplete="off" autocorrect="off"
                autocapitalize="off" spellcheck="false"><button title="替换" id="find_b_replace"><img
                    src="./assets/icons/replace.svg" class="icon"></button><button title="全部替换"
                id="find_b_replace_all"><img src="./assets/icons/replace_all.svg" class="icon"></button>
        </div>
        <div class="find_t"><span></span></div>
    </div>

    <div class="main">
        <div id="top">
            <div id="text_out">
                <div id="line_num"></div>
                <div id="main_text">
                    <div id="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
                    </div>
                    <div id="text_bottom"></div>
                    <div id="cursor" contenteditable="true"></div>
                    <div id="selection"></div>
                    <div id="find_area"></div>
                    <div id="edit_b" class="edit_h">
                        <div id="link_bar" title="打开链接"><img src="./assets/icons/link.svg" class="icon"></div>
                        <div id="search_bar" title="搜索"><img src="./assets/icons/search.svg" class="icon"></div>
                        <div id="translate_bar" title="翻译"><img src="./assets/icons/translate.svg" class="icon"></div>
                        <div id="selectAll_bar" title="全选"><img src="./assets/icons/select_all.svg" class="icon"></div>
                        <div id="cut_bar" title="剪切"><img src="./assets/icons/cut.svg" class="icon"></div>
                        <div id="copy_bar" title="复制"><img src="./assets/icons/copy.svg" class="icon"></div>
                        <div id="paste_bar" title="粘贴"><img src="./assets/icons/paste.svg" class="icon"></div>
                        <div id="delete_enter_bar" title="自动删除换行"><img src="./assets/icons/delete_enter.svg"
                                class="icon"></div>
                    </div>
                </div>
            </div>
            <div id="history_list"></div>
        </div>

        <div id="tab_bar">
            <a href="setting.html" title="设置">
                <div id="setting"><img src="./assets/icons/setting.svg" class="icon"></div>
            </a>
            <a href="help.html" title="帮助">
                <div id="help"><img src="./assets/icons/help.svg" class="icon"></div>
            </a>
        </div>
        <div id="tabs">
            <div id="buttons">
                <div id="home"><img src="./assets/icons/main.svg" class="icon"></div>
                <div id="back"><img src="./assets/icons/left.svg" class="icon"></div>
                <div id="forward"><img src="./assets/icons/right.svg" class="icon"></div>
                <div id="reload" style="display: none;"><img src="./assets/icons/reload.svg" class="icon"></div>
                <div id="stop"><img src="./assets/icons/close.svg" class="icon"></div>
                <div id="browser"><img src="./assets/icons/browser.svg" class="icon"></div>
                <div id="add_history"><img src="./assets/icons/add_history.svg" class="icon"></div>
            </div>
        </div>
        <div id="history">
            <button id="history_b" title="历史记录"><img src="./assets/icons/history.svg" class="icon"></button>
        </div>
        <div id="search">
            <button id="search_b" title="搜索"><img src="./assets/icons/search.svg" class="icon"></button>
            <select id="search_s" title="选择搜索引擎"></select>
        </div>
        <div id="translate">
            <button id="translate_b" title="翻译"><img src="./assets/icons/translate.svg" class="icon"></button>
            <select id="translate_s" title="选择翻译引擎"></select>
        </div>

    </div>
    <div id="browser_bg"></div>
    <li id="tab" class="b_tab" style="display: none;"><img src="./assets/icons/reload.svg" class="loading"><span
            id="title"></span><button><img src="./assets/icons/close.svg" class="icon"></button></li>
    <script src="js/js.js"></script>
</body>

</html>